
<%@include file="templates/header.jsp"%>
<nav class="horizontal-nav full-width horizontalNav-notprocessed">
	<ol
		style="padding-bottom: 5px; padding-top: 5px; border-bottom-color: #47a3da;"
		class="breadcrumb">
		<li><a href="${pageContext.request.contextPath}/">Accueil </a><span
			class="glyphicon glyphicon-chevron-right"></span></li>
		<li><a href="">Planification </a><span
			class="glyphicon glyphicon-chevron-right"></span></li>
		<li class="active">gantt</li>
	</ol>
</nav>
<div class="box">
	<script type="text/javascript" src=${dhtmlxgantt}></script>
	<style>
html,body {
	margin: 0px;
	padding: 0px;
	height: 100%;
	overflow: hidden;
}
<%@include file="../css/dhtmlxgantt.css"%>
</style>
	<div id="gantt_here" style='width: 100%; height: 400px;'></div>
	
<!-- 	appel au fichier js pour visualiser le gant -->
	<script type="text/javascript">
	    //activates the read-only mode for the Gantt chart
	    gantt.config.readonly = true;
        gantt.init("gantt_here");   
    </script>
	
	<div id=""></div>

</div>
<%-- <%@include file="formulaire1.jsp"%> --%>
<%-- <%@include file="formulaire2.jsp"%> --%>
</div>

<!-- <script type="text/javascript"> -->
// 		$(function() {
// 			$('#loginform').submit(function(e) {
// 				return false;
// 			});

// 			$('#planAuthStep1').leanModal({
// 				top : 110,
// 				overlay : 0.45,
// 				closeButton : ".hidemodal"
// 			});
// 		});
<!-- 	</script> -->

<%@include file="templates/footer.jsp"%>